/* component/xzs-footer/xzs-footer.wxss */
.footer {
    padding: 50rpx 0rpx;
    text-align: center;
    border-top: 1rpx solid #B8A16E;
    color: #3e3e3e;
    background: #f0f0f0;
    font-size: 30rpx;
    line-height: 1.8em;
}

.kefu {
    width: 100rpx;
    height: 100rpx;
    background: #B8A16E;
    position: fixed;
    bottom: 100rpx;
    right: 60rpx;
    border-radius: 50%;
    box-shadow: 0 0 20rpx rgba(189,160,102,0.8);
    .btn {
        position: relative;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        z-index: 2;
        opacity: 0;
    }

    .pic {
        width: 85%;
        height: 85%;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        z-index: 1;
    }

    .line {
        width: 100%;
        height: 100%;
        border: 3rpx solid #B8A16E;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50%;
        animation: emit1 1s infinite;
    }
}

@keyframes emit1 {
    0%{}
    100%{
        border-width: 1rpx;
        opacity: 0;
        transform: scale(1.5);
    }
}